<template>
    <div class="default-table-detail-container">
        <BaseTableInfo v-model="baseTableInfoModel" />
    </div>
</template>

<script lang="ts" setup>

import { useEnumList } from '~/src/utils/useEnumList';
import AssistSpecialRoomApi from '/@/api/webPath/AssistSpecialRoomApi.ts';

const props = defineProps({
    modelValue: {

    }
})
const route = useRouter()
const enumList = useEnumList("AssistSpecialRoomType")

const baseTableInfoModel = ref({
    columnCount: 3,
    autoFit: false,
    columnWidth: '300px',
    labelWidth: '100px',
    // title: '基本信息',
    modelData: {},
    itemList: [
        {
            title: '基本信息',
            items: [   //渲染样式区域  通过key ===model 中的值
                //                                   {
                // label: "id",
                //                               field: "id",
                //                      },
                {
                    label: "类型",
                    field: "type",
                    fieldFormat: "tag",
                    // valueMap: [
                    //       {
                    //             value: 1,
                    //             label: "紫外线消毒记录"
                    //       },
                    //       {
                    //             value: 2,
                    //             label: "专间温湿度记录"
                    //       }
                    // ]
                    valueMap: enumList
                },
                {
                    label: "日期",
                    field: "date",
                },
                // {
                //     label: "地点",
                //     field: "place",
                // },
                {
                    label: "餐次",
                    field: "mealTimes",
                },
                {
                    label: "时间",
                    field: "mealTime",
                },
                {
                    label: "是否消毒",
                    field: "isBreakfastDisinfect",
                    fieldFormat: "tag",
                    valueMap: [
                        {
                            value: '1',
                            label: "否",
                            type: "danger"
                        },
                        {
                            value: '0',
                            label: "是",
                            type: "success"
                        }
                    ],
                },
                {
                    label: "累计时间",
                    field: "totalTime",
                },

                {
                    label: "消毒/记录人",
                    field: "operator",
                },
                //                                                                           {
                // label: "所属公司",
                //                               field: "companyId",
                //                         },


                {
                    label: "创建时间",
                    field: "create_time",
                },
                {
                    label: "更新时间",
                    field: "update_time",
                },
            ]
        },
        // {
        //     title: "早餐信息",
        //     items: [
        //         //   {
        //         //         label: "早餐",
        //         //         field: "breakfast",
        //         //     },
        //         {
        //             label: "时间",
        //             field: "breakfastTime",
        //         },
        //         // {
        //         //     label: "温度",
        //         //     field: "breakfastTemperature",
        //         // },
        //         // {
        //         //     label: "湿度",
        //         //     field: "breakfastHumidity",
        //         // },

        //         {
        //             label: "是否消毒",
        //             field: "isBreakfastDisinfect",
        //             fieldFormat: "tag"
        //         },
        //     ]
        // },
        // {
        //     title: "中餐信息",
        //     items: [
        //         //   {
        //         //         label: "早餐",
        //         //         field: "breakfast",
        //         //     },
        //         {
        //             label: "时间",
        //             field: "lunchTime",
        //         },
        //         // {
        //         //     label: "温度",
        //         //     field: "lunchTemperature",
        //         // },
        //         // {
        //         //     label: "湿度",
        //         //     field: "lunchHumidity",
        //         // },
        //         {
        //             label: "是否消毒",
        //             field: "isLunchDisinfect",
        //             fieldFormat: "tag"
        //         },
        //     ]
        // },
        // {
        //     title: "晚餐信息",
        //     items: [
        //         {
        //             label: "时间",
        //             field: "dinnerTime",
        //         },
        //         // {
        //         //     label: "温度",
        //         //     field: "dinnerTemperature",
        //         // },
        //         // {
        //         //     label: "湿度",
        //         //     field: "dinnerHumidity",
        //         // },
        //         {
        //             label: "是否消毒",
        //             field: "isDinnerDisinfect",
        //             fieldFormat: "tag"
        //         },
        //     ]
        // },
    ],
    buttons: [   //标题操作区域
        // {
        //   name: "更多",
        //  buttonClass: 'danger',
        // width: 100,
        // click: (any: object) => {   //暴露的方法钩子
        // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
        //},
        //},


    ]
})

onMounted(async () => {
    //初始化数据model
    const { data } = await AssistSpecialRoomApi.getDetail({
        assistSpecialRoomId: props.modelValue.query.assistSpecialRoomId   //从路由中获取参数
    })
    baseTableInfoModel.value.modelData = data;





})
</script>

<style lang="scss" scoped>
.default-table-detail-container {
    :deep() {
        .el-form--inline {
            .el-form-item {
                margin-right: 10px;
            }
        }

        .el-descriptions__label {
            min-width: 80px !important;
            text-align: right;
        }
    }
}
</style>
